Opsommingslijst ol, ul en dl

Inleiding

Opsommingen in een doorlopende tekst zijn moeilijk te volgen. Wat denk je van de volgende zin:

Waarover gaat het dan wel? Over de vrijheid om jezelf te ontplooien, de vrijheid om zelfstandig te denken en de waarheid te zoeken, de vrijheid om ongehinderd je eigen mening te verkondigen en de levensbeschouwing aan te hangen die je wil, de vrijheid om je seksuele geaardheid te beleven, om met de persoon samen te leven die je lief hebt. De zelfbeschikking over je eigen lichaam. De gelijkheid tussen man en vrouw. De wettelijke bescherming tegen haat en discriminatie. En de vrijheid om je politiek te engageren, om je verkiesbaar te stellen, en om zelf de maatschappij te verbeteren. (Maarten Boudry, De Morgen, 27 april 2017)

Deze zin is, zeker op een webpagina onverteerbaar. Als je nadruk wilt leggen op het aantal, gebruik je een geordende lijst:

De liberale rechtstaat is superieur omwille van de vrijheden die ze waarborgt:

1. jezelf ontplooien
2. zelfstandig denken
3. waarheid zoeken
4. ongehinderd je mening verkondigen
5. je eigen levensbeschouwing kiezen
6. je eigen seksuele geaardheid beleven
7. samen te leven met de persoon die je liefhebt
8. zelfbeschikking over je lichaam
9. gelijkheid tussen man en vrouw
10. wettelijke bescherming tegen haat en discriminatie
11. de vrijheid om je politiek te engageren
12. je verkiesbaar stellen
13. zelfs de maatschappij te verbeteren

In het andere geval een ongeordende lijst:

• Jezelf ontplooien
• zelfstandig denken
• waarheid zoeken
• ongehinderd je mening verkondigen
• je eigen levensbeschouwing kiezen
• je eigen seksuele geaardheid beleven
• samen te leven met de persoon die je liefhebt
• zelfbeschikking over je lichaam
• gelijkheid tussen man en vrouw
• wettelijke bescherming tegen haat en discriminatie
• de vrijheid om je politiek te engageren
• je verkiesbaar stellen
• zelfs de maatschappij te verbeteren

Ongeordende lijst

In een ongeordende lijst hebben de items een symbool als markering. De ongeordende lijst wordt gemaakt met de elementen ul en li.

<ul>
   <li>Dit is het eerste item van de ongeordende lijst</li>
   <li>Dit is het tweede item van de ongeordende lijst</li>
   <li>Dit is het derde item van de ongeordende lijst</li>
</ul>

Geordende lijst

In een geordende lijst zijn de items genummerd met behulp van een getal of een letter. De geordende lijst wordt gemaakt met de elementen ol en li.

<ol>
   <li>Dit is het eerste item van de geordende lijst</li>
   <li>Dit is het tweede item van de geordende lijst</li>
   <li>Dit is het derde item van de geordende lijst</li>
</ol>

Definitielijst

Een definitielijst is een lijst, welke bestaat uit termen en bijbehorende beschrijvingen. Het dl element bepaalt het begin en einde van een definitielijst en de elementen dt en dd definiëren respectievelijk de term en de beschrijving.

<dl>
   <dt>Term 1</dt>
   <dd>Hier staat de definitie van term 1</dd>
   <dt>Term 2</dt>
   <dd>Hier staat de definitie van term 2</dd>
</dl>

Oefening

De links naar de gedichten staan nu allemaal naast mekaar want een a element is een inline element. Zo'n reeks van links is eigenlijk een opsommingslijst. Maak van de links dus een geordende lijst en je krijgt het volgende:

<ol>
    <li><a href="#gedicht1">De hand van de dichter</a></li>
    <li><a href="#gedicht2">Voor het inslapen</a></li>
    <li><a href="#gedicht3">De liefde slaapt in haar hart</a></li>
    <li><a href="#gedicht4">Jaloezie</a></li>
    <li><a href="#gedicht5">De vreemdeling</a></li>
    <li><a href="#gedicht6">Polderland</a></li>
    <li><a href="#gedicht7">Twee vrienden</a></li>
    <li><a href="#gedicht1">Aan de dood</a></li>
</ol>

Dat is al veel beter!